// pages/index/detail/detail.js
const app = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    detailInfo: {
    }, // 用于存储详情数据
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    const id = options.id;
    if (id) {
      // 使用app.httpGet发起网络请求获取详情信息
      app.httpGet('mini/detail/' + id).then((res) => {
        // res.data是后端返回的详情信息
        // 处理富文本中的图片样式
        if (res.data.introduction) {
          res.data.introduction = this.processRichText(res.data.introduction);
        }
        this.setData({
          detailInfo: res.data, // 将获取到的详情信息存储到data中
        });
      }).catch((error) => {
        // 处理请求失败的情况
        wx.showToast({
          title: '获取详情失败',
          icon: 'none'
        });
        console.error('获取详情失败:', error);
      });
    }
  },
  processRichText: function(htmlString) {
    // 使用正则表达式匹配<img>标签，并为其添加样式
    const imgRegex = /<img([^>]*)>/gi;
    const styledImg = '<img$1 style="width:100%;height:auto;display:block;"';
    // 替换所有<img>标签
    let str = htmlString.replace(imgRegex, styledImg);
  
    return str;
  },
  

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  },
})